<template>
  <div
    class="app"
    id="app"
  >
    <router-view></router-view>
  </div>

</template>
<script setup>
import { RouterLink, RouterView } from "vue-router";
import { useScaleBox } from "@/hooks/useScaleBox.js";
// 使用自定义组合函数
const { style } = useScaleBox();

</script>

<style scoped>
/* #screen {
  z-index: 100;
  transform-origin: 0 0;
  position: fixed;
  left: 50%;
  top: 50%;
  transition: 0.3s;

  background-repeat: no-repeat;
} */
.app {
  /* width: 100vw;
  height: 100vh; */
  /* position: relative; */
}
</style>
